<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<div id="info-view">
  <div>
    <input type="button" id="copy-to-clipboard" value="Copy Report to Clipboard">
  </div>
  <div>
    <h3>Graphics Feature Status</h3>
    <ul class="feature-status-list">
    </ul>
  </div>

  <div class='workarounds-div'>
    <h3>Driver Bug Workarounds</h3>
    <ul class="workarounds-list">
    </ul>
  </div>

  <div class='problems-div'>
    <h3>Problems Detected</h3>
    <ul class="problems-list">
    </ul>
  </div>

  <div class='angle-features-div'>
    <h3>ANGLE Features</h3>
    <ul class="angle-features-list">
    </ul>
  </div>

  <div class='dawn-info-div'>
    <h3>DAWN Info</h3>
    <ul class="dawn-info-list">
    </ul>
  </div>

  <div>
    <h3>Version Information</h3>
    <div id="client-info"></div>
  </div>

  <div>
    <h3>Driver Information</h3>
    <div id="basic-info"></div>
  </div>

  <div>
    <h3>Compositor Information</h3>
    <div id="compositor-info"></div>
  </div>

  <div>
    <h3>GpuMemoryBuffers Status</h3>
    <div id="gpu-memory-buffer-info"></div>
  </div>

  <div>
    <h3>Display(s) Information</h3>
    <div id="display-info"></div>
  </div>

  <div>
    <h3>Video Acceleration Information</h3>
    <div id="video-acceleration-info"></div>
  </div>

  <div>
    <h3>Vulkan Information</h3>
    <div id="vulkan-info"></div>
  </div>

  <div>
    <h3>Device Performance Information</h3>
    <div id="device-perf-info"></div>
  </div>

  <div class="diagnostics">
    <h3>Diagnostics</h3>
    <div class="diagnostics-loading">... loading ...</div>
    <div id="diagnostics-table">None</div>
  </div>

  <div class='basic-info-for-hardware-gpu-div'>
    <h3>Driver Information for Hardware GPU</h3>
    <div id="basic-info-for-hardware-gpu"></div>
  </div>

  <div class='feature-status-for-hardware-gpu-div'>
    <h3>Graphics Feature Status for Hardware GPU</h3>
    <ul class="feature-status-for-hardware-gpu-list">
    </ul>
  </div>

  <div class='workarounds-for-hardware-gpu-div'>
    <h3>Driver Bug Workarounds for Hardware GPU</h3>
    <ul class="workarounds-for-hardware-gpu-list">
    </ul>
  </div>

  <div class='problems-for-hardware-gpu-div'>
    <h3>Problems Detected for Hardware GPU</h3>
    <ul class="problems-for-hardware-gpu-list">
    </ul>
  </div>

  <div id="log-messages" jsdisplay="values.length">
    <h3>Log Messages</h3>
    <ul>
      <li jsselect="values">
        <span jscontent="header"></span>: <span jscontent="message"></span>
      </li>
    </ul>
  </div>

  <!-- templates -->
  <div style="display:none">
    <div id="info-view-table-template">
      <table id="info-view-table">
        <colgroup>
          <col style="width: 25%" />
          <col style="width: 75%" />
        </colgroup>
        <tr jsselect="value">
          <td jsdisplay="!(value instanceof Array)">
            <span class="row-title" jscontent="description">title</span>
          </td>
          <td jsdisplay="!(value instanceof Array)">
            <span jscontent="value" jsvalues=".id:id">value</span>
          </td>
          <td jsdisplay="value instanceof Array" colspan=2>
            <span jscontent="description" class="row-title"></span>
            <div transclude="info-view-table-template"></div>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>
